@tailwind base;

@layer base {
  .markdown {
    h1 {
      font-size: 2em;
    }

    h2 {
      font-size: 1.5em;
    }

    h3 {
      font-size: 1.25em;
    }

    h4 {
      font-size: 1em;
    }

    h5 {
      font-size: 0.83em;
    }

    h6 {
      font-size: 0.67em;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      @apply font-black text-2xl mb-2 uppercase text-primary;
    }

    ul {
      list-style: none;

      li {
        margin-bottom: 1rem;

        > *:first-child {
          @apply font-bold mb-1 relative w-fit;
        }

        > *:not(:first-child) {
          @apply text-sm;
        }
      }
    }
  }
}
